﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="EFGhh.chapater3.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>

    </title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .center{
            width:70%;
            margin:0 auto;
        }
        .top img{
            width:100%;
            height:80px;
        }
        .wenda{
            width:1045px;
            height:80px;
            line-height:80px;
            font-size:18px;
            font-weight:bold;
            color:#fff;
            float:left;
            justify-content:space-between;
            background-color:#2892FF;
            padding:0 15px;
            margin-top:-4px;
        }
        .wenda .z{
            float:left;
        }
        .wenda .y{
            float:right;
        }
        .wenda .z #tx_wen {
            width:140px;
            height:30px;
            border-radius:5px;
            border:0;
        }
        .wenda .z #btn_cha{
            width:80px;
            height:40px;
            background-color:forestgreen;
            border-radius:5px;
            border:0;
        }
        .wenda .y #btn_ti{
            width:100px;
            height:40px;
            background-color:#E47B1B;
            border-radius:5px;
            border:0;
        }
        a{
            text-decoration:none;
        }
        ul li{
            list-style:none;
            width:1055px;
            height:60px;
            line-height:60px;
            float:left;
            justify-content:space-between;
            background-color:#E3E3E3;
            border:1px solid #555555;
            padding:0 10px;
            font-size:20px;
        }
        ul li .wenti{
            float:left;
            font-weight:bold;
        }
        ul li .wenti .wen{
            color:#fff;
            padding:2px;
            background-color:#7ABB81;
        }
        ul li:nth-child(even){
            background-color:#C4C4C4;
        }
        ul li .time{
            float:right;
        }

        #btnSer{
            border-radius:8px;
            border:0;
           font-weight:bold;
           font-size:18px;
           color:white;
        }

        #AskQue{
            border-radius:8px;
            border:0;
            font-weight:bold;
            font-size:18px;
            color:white;
        }

        #first{
            border-radius:8px;
            border:0;
            width:250px;
            height:30px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
             <div class="center">
            <div class="top">
                <img src="img/top.png" />
            </div>
            <div class="wenda">
                <div class="z">
                    问题：<asp:TextBox ID="first" runat="server" />
                <asp:Button Text="查询" ID="btnSer" runat="server" OnClick="btnSer_Click" Height="40px" Width="60px" BackColor="#33CC33"  />
                </div>
                <div class="y">
                    <asp:Button Text="提出问题" ID="AskQue" runat="server" OnClick="AskQue_Click" Height="40px" Width="80px" BackColor="#FF9900" />
                </div>
            </div>
            <ul>
                <asp:Repeater ID="rp_biao" runat="server">
                    <ItemTemplate>
                        <li>
                            <div class="wenti">
                                <span class="wen">问</span>
                                <a href='Detail.aspx?id=<%# Eval("TopicId") %>'><span class="col"><%# Eval("Content") %></span></a>
                            </div>
                            <div class="time">
                                <%# Eval("UpdateTime","{0:yyyy年MM月dd日}") %>-<%# Eval("IpAddress") %></div>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
        </div>
    </form>
</body>
</html>
